/* 
    Document   : style
    Created on : 18 mars 2013, 21:38:48
    Author     : alocubiche
    Description:
        Purpose of the stylesheet follows.
*/

@font-face {
font-family: 'myfont';
src: url('Fonts/Frostingr.otf') format('truetype');
}

@font-face {
font-family: 'myfont2';
src: url('Fonts/Champagne.ttf') format('truetype');
}

body
{
   width: 760px;
   margin: auto; 
   margin-top: 20px; 
   margin-bottom: 20px;
   background-image:url(Images/fond.jpg);
   background-attachment:fixed;
   background-repeat:no-repeat;
   background-position:center top;
   color : white ;
}

h1
{
   font-size: 40px;
}


h1, h2{
    color: white;
    font-family:myfont;
}

#indexform{
    font-family:myfont;
    font-size: 22px;
    font-weight: bold;
}

a{
    color:white;
    text-decoration:none;
}
a:link {
    color:white;
    text-decoration: none;
}      
a:hover {
    color:greenyellow;
    text-decoration: underline;
}  
table {
    border: medium solid #84815B;
    border-collapse: collapse;
    width: 65%;
}
th {
    font-family: monospace;
    border: thin solid #84815B;
    padding: 5px;
    background-color: #B4AF91;
}
td {
    font-family: sans-serif;
    border: thin solid #84815B;
    padding:5px;
    text-align: center;
    background-color:white;
    color:black;
}
table a {
    color: black;
    text-decoration:none;
}
table a:hover{
    color:orange;
    text-decoration:none;
}

.siteButton{
background: #B4AF91;
border: 1px solid #787746;
border-radius: 18px;
color: #32331D;
font-size: 12px;
font-weight: bold;
line-height: 1;
padding: 8px 0 9px 0;
text-align: center;
text-shadow: 0 1px 0 #99b9f2;
text-transform: uppercase;
width: 150px;
}
.siteButton:hover{
background: #B4AF91;
border: 2px solid #787746;
color: white;
}